<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="./模板/head.css">
    <link rel="stylesheet" href="./模板/footer.css">
    <link rel="stylesheet" href="css/shop_car.css">
</head>

<body>
    <!-- 头部开始 -->
    <div class="head">
        <!-- 顶部 -->
        <div class="head_top">
            <div class="wrapper clearfix">
                <div class="head_logo fl">
                    <h1>
                        <a href="#">乐购商城</a>
                    </h1>
                </div>
                <div class="store_url fl">
                    legochina.cn
                </div>
                <div class="login fr">
                    欢迎光临<a href="#">乐购</a>,请 登录\<a href="#">注册</a>
                </div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="nav wrapper">
            <form ction="#">
                <input type="text" placeholder="设计中的设计 原研哉">
                <button></button>
            </form>
            <div class="address">
                <span>配送至</span>
                <select>
                    <option value="成都高新区三环区">成都高新区三环区</option>
                    <option value="湖北武汉">湖北武汉</option>
                    <option value="湖北天门">湖北天门</option>
                </select>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 填写订单信息开始 -->
    <div class="write_order wrapper">
        <span>填写并核对订单信息</span>
        <table>
            <tr>
                <th>
                    <input type="checkbox" class="check_all"> 全选
                </th>
                <th align="left" style="padding-left: 190px;">商品</th>
                <th>单价</th>
                <th style="width: 235px;">数量</th>
                <th style="width: 154px;">小计</th>
                <th>操作</th>
            </tr>
            <tr style="height: 19px;"></tr>
            <tr align="center">
                <td align="left" style="padding-left: 15px;">
                    <input type="checkbox" style="margin-bottom: 148px;" class="check">
                </td>
                <td align="left" style="padding: 21px 0;">
                    <div class="product" style="margin-right: 27px;"><img src="./imgs/index08_05.jpg" alt=""></div>
                    <span>从你的全世界路过</span>
                </td>
                <td>
                    41.00
                </td>
                <td>
                    <div class="clearfix" style="width: 126px;">
                        <span class="minus">-</span>
                        <input class="numborder" type="text" value="1">
                        <span class="add">+</span>
                    </div>
                </td>
                <td class="small_price" style="font-size: 18px;">
                    41.00
                </td>
                <td align="left" style="width: 170px;padding-left: 66px;box-sizing: border-box;">
                    <a href="javascript:;">删除</a>
                    <p>移到我的关注</p>
                </td>
            </tr>
            <tr align="center">
                <td align="left" style="padding-left: 15px;">
                    <input type="checkbox" class="check" style="margin-bottom: 148px;">
                </td>
                <td align="left" style="padding: 21px 0;">
                    <div class="product" style="margin-right: 27px;"><img src="./imgs/index08_05.jpg" alt=""></div>
                    <span>从你的全世界路过</span>
                </td>
                <td>
                    41.00
                </td>
                <td>
                    <div class="clearfix" style="width: 126px;">
                        <span class="minus">-</span>
                        <input class="numborder" type="text" value="1">
                        <span class="add">+</span>
                    </div>
                </td>
                <td class="small_price" style="font-size: 18px;">
                    41.00
                </td>
                <td align="left" style="width: 170px;padding-left: 66px;box-sizing: border-box;">
                    <a href="javascript:;">删除</a>
                    <p>移到我的关注</p>
                </td>
            </tr>
            <tr style="height: 32px;"></tr>
            <tr align="center">
                <td><input type="checkbox" class="check_all">全选</td>
                <td align="left"><span class="del_choose">删除选中商品</span></td>
                <td></td>
                <td>以选择&emsp;<span class="total_num">0</span>&emsp;件商品</td>
                <td>总价 <span class="total_price">0</span></td>
                <td>去结算</td>
            </tr>
        </table>
    </div>
    <!-- 填写订单信息结束 -->

    <!-- 猜你喜欢开始 -->
    <div class="guess_like wrapper">
        <h3>猜你喜欢</h3>
        <ul class="clearfix">
            <li>
                <img src="./imgs/素材图片/书籍/22935553-1_l.jpg" alt="">
                <img src="./imgs/促销标签.png" alt="">
                <div>
                    <p>白夜行&emsp;东野上吾</p>
                    <p>
                        <span>推荐:</span>
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/矩形4.png" alt="">
                    </p>
                    <span>￥:38</span>
                    <span>￥:58</span>
                </div>
            </li>
            <li>
                <img src="./imgs/素材图片/书籍/22935553-1_l.jpg" alt="">
                <img src="./imgs/促销标签.png" alt="">
                <div>
                    <p>白夜行&emsp;东野上吾</p>
                    <p>
                        <span>推荐:</span>
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/矩形4.png" alt="">
                    </p>
                    <span>￥:38</span>
                </div>
            </li>
            <li>
                <img src="./imgs/素材图片/书籍/22935553-1_l.jpg" alt="">
                <img src="./imgs/促销标签.png" alt="">
                <div>
                    <p>白夜行&emsp;东野上吾</p>
                    <p>
                        <span>推荐:</span>
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/矩形4.png" alt="">
                    </p>
                    <span>￥:38</span>
                </div>
            </li>
            <li>
                <img src="./imgs/素材图片/书籍/22935553-1_l.jpg" alt="">
                <img src="./imgs/促销标签.png" alt="">
                <div>
                    <p>白夜行&emsp;东野上吾</p>
                    <p>
                        <span>推荐:</span>
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/矩形4.png" alt="">
                    </p>
                    <span>￥:38</span>
                </div>
            </li>
            <li>
                <img src="./imgs/素材图片/书籍/22935553-1_l.jpg" alt="">
                <img src="./imgs/促销标签.png" alt="">
                <div>
                    <p>白夜行&emsp;东野上吾</p>
                    <p>
                        <span>推荐:</span>
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/X1.png" alt="">
                        <img src="./imgs/矩形4.png" alt="">
                    </p>
                    <span>￥:38</span>
                </div>
            </li>
        </ul>
    </div>
    <!-- 猜你喜欢结束 -->

    <!-- 广告开始 -->
    <div class="detail_poster wrapper">
        <img src="./imgs/poster.png" alt="">
    </div>
    <!-- 广告结束 -->

    <!-- 页脚开始 -->
    <div class="footer">
        <div class="footer_icon">
            <div class="wrapper">
                <ul class="clearfix">
                    <li>
                        <i></i>
                        <span>正规渠道正品保障</span>
                    </li>
                    <li>
                        <i></i>
                        <span>放心购物货到付款</span>
                    </li>
                    <li>
                        <i></i>
                        <span>625城市次日到达</span>
                    </li>
                    <li>
                        <i></i>
                        <span>上门退货当面退款</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer_info wrapper clearfix">
            <ul>
                <li>购物指南</li>
                <li>购物流程</li>
                <li>发票制度</li>
                <li>账户管理</li>
                <li>会员优惠</li>
            </ul>
            <ul>
                <li>支付方式</li>
                <li>货到付款</li>
                <li>网上支付</li>
                <li>礼品卡支付</li>
                <li>银行转帐</li>
            </ul>
            <ul>
                <li>订单服务</li>
                <li>订单配送查询</li>
                <li>订单状态说明</li>
                <li>自助取消订单</li>
                <li>自助修改订单</li>
            </ul>
            <ul>
                <li>退换货</li>
                <li>退换货政策</li>
                <li>自助申请退换货</li>
                <li>退换货进度查询</li>
                <li>退款方式和时间</li>
            </ul>
            <ul>
                <li>商家服务</li>
                <li>商家中心</li>
                <li>运营服务</li>
                <li>加入尾品汇</li>
            </ul>
            <div class="footer_logo">
                <img src="../imgs/logo_00.png" alt="">
            </div>
        </div>
        <ul class="wrapper clearfix">
            <li><a href="#">公司简介</a>|</li>
            <li><a href="#">Investor Relations</a>|</li>
            <li><a href="#">网站联盟</a>|</li>
            <li><a href="#">乐购招商</a>|</li>
            <li><a href="#">机构销售</a>|</li>
            <li><a href="#">手机乐购</a>|</li>
            <li><a href="#">官方Blog</a>|</li>
            <li><a href="#">热词搜索</a></li>
        </ul>
        <p class="wrapper">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </div>
    <!-- 页脚结束 -->

    <script src="./js/jquery.min.js"></script>
    <script src="./js/shop_car.js"></script>
</body>

</html>